﻿@{
    ViewBag.Title = "我的事项";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="page-header">
    <h2><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span><span class="after-glyphicon">@ViewBag.Title</span></h2>
</div>

<div>
    <!-- Nav tabs -->
    <ul class="nav nav-tabs nav-tabs-dual" role="tablist" id="myTabs" style="margin: 20px auto 30px auto;">
        <li role="presentation" class="active" ><a href="#mine" aria-controls="home" role="tab" data-toggle="tab">自己的目标</a></li>
        <li role="presentation" ><a href="#others" aria-controls="profile" role="tab" data-toggle="tab">督促他人</a></li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="mine">
            <div class="panel panel-default">
                @Html.Partial("~/Views/Plan/Shared/_Title.cshtml")
                <div class="panel-body">
                    <p>在沪江上听写VOA常速新闻，每天坚持，周日休息</p>
                </div>
                @Html.Partial("~/Views/Plan/Shared/_Week.cshtml")
                <div class="container" style="padding:10px;">
                    <a href="#" class="btn btn-default pull-right" style="margin-left:10px;">查看全部历史</a>
                    <a href="#" class="btn btn-primary pull-right">交作业</a>
                </div>
            </div>
        </div>
        <div id="others" role="tabpanel" class="tab-pane">
            <div class="panel panel-default">
                @Html.Partial("~/Views/Plan/Shared/_Title.cshtml")
                <div class="panel-body">
                    <p>在沪江上听写VOA常速新闻，每天坚持，周日休息</p>
                    <p>
                        <span class="lead">苦修：</span>
                        <a href="#">叶子</a>
                    </p>
                </div>
                @Html.Partial("~/Views/Plan/Shared/_Week.cshtml")
                <div class="container" style="padding:10px;">
                    <a href="#" class="btn btn-primary pull-right">去验收</a>
                </div>
            </div>
        </div>
    </div>

</div>

@section scripts{
    <script>
        $('#myTabs a').click(function (e) {
            e.preventDefault()
            $(this).tab('show')
        })
    </script>
}

